<template>
<div>
  <div style="height:100%; overflow-y:auto;">
    <img src="../../../asset/images/jc_step4.png" alt="">
    <div class="box">
      <div class="btn">点击按钮, 进行支付订单</div>
      <div class="box_img">
        <div class="chudian_img" @click="next">
          <img src="../../../asset/images/jc_chudian@2x.png" alt="">
        </div>
        <div class="shou_img">
          <img src="../../../asset/images/jc_shou@2x.png" alt="">
        </div>
      </div> 
    </div>
  </div>
</div>
</template>
<script>
export default {
  name: "step4",
  data() {
    return {};
  },
  methods: {
     next(){
      this.$emit("refresh");
    }
  }
};
</script>
<style lang="less" scoped>
.box {
  z-index: 10;
  position: relative;
  bottom: 400px;
  .btn {
    width: 690px;
    height: 120px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 120px;
    color: #fff;
    font-size: 30px;
  }
  .box_img {
    text-align: right;
    .chudian_img {
      position: relative;
      left: 550px;
      top: 150px;
    }
  }
  .shou_img {
    position: relative;
    left: 600px;
    top: 90px;
  }
}
</style>
